آموزش جنگو با جاوا اسکریپت و آژاکس [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• کد ویژوال استودیو Visual Studio Code

مفاهیم اساسی Basic Concepts

• نحوه استفاده از جنگو How to Use Django

• مدل شیء سند Document Object Model

• شنوندگان رویداد Event Listeners

• روش های مختلف تماس های آژاکس Different ways of Ajax Calls

پروژه برنامه CRUD CRUD App Project

• ایجاد virtualenv و راه اندازی پروژه جنگو Creating virtualenv and Setting Up the Django Project

• ایجاد virtualenv و راه اندازی پروژه جنگو Creating virtualenv and Setting Up the Django Project

• راه اندازی پروژه جنگو - ادامه Setting Up the Django Project - Continuation

• راه اندازی پروژه جنگو - ادامه Setting Up the Django Project - Continuation

• ایجاد مدل ها Creating the Models

• ایجاد مدل ها Creating the Models

• ایجاد سیگنال post_save برای ایجاد نمایه Creating post_save Signal for Profile Creation

• ایجاد سیگنال post_save برای ایجاد نمایه Creating post_save Signal for Profile Creation

• افزودن نمای اول و قالب Adding First View and Template

• افزودن نمای اول و قالب Adding First View and Template

• اولین دستکاری DOM First DOM Manipulation

• اولین دستکاری DOM First DOM Manipulation

• اولین تماس آژاکس First Ajax Call

• اولین تماس آژاکس First Ajax Call

• دریافت اشیاء پست ها با آژاکس Getting Posts Objects with Ajax

• دریافت اشیاء پست ها با آژاکس Getting Posts Objects with Ajax

• اضافه کردن اسپینر Adding the Spinner

• اضافه کردن اسپینر Adding the Spinner

• ایجاد کارت پست Creating Posts Cards

• ایجاد کارت پست Creating Posts Cards

• بارگیری پست های بیشتر با یک کلیک دکمه Loading More Posts with a Button Click

• بارگیری پست های بیشتر با یک کلیک دکمه Loading More Posts with a Button Click

• لایک دکمه با آژاکس - قسمت 1 Like Button with Ajax - Part 1

• لایک دکمه با آژاکس - قسمت 1 Like Button with Ajax - Part 1

• لایک دکمه با آژاکس - قسمت 2 Like Button with Ajax - Part 2

• لایک دکمه با آژاکس - قسمت 2 Like Button with Ajax - Part 2

• اضافه کردن مدال اول Adding the First Modal

• اضافه کردن مدال اول Adding the First Modal

• افزودن فرم به Modal Adding a Form to the Modal

• افزودن فرم به Modal Adding a Form to the Modal

• ایجاد پست با آژاکس Creating Posts with Ajax

• ایجاد پست با آژاکس Creating Posts with Ajax

• بازنشانی فرم پس از افزودن پست های جدید Resetting the Form after Adding New Posts

• بازنشانی فرم پس از افزودن پست های جدید Resetting the Form after Adding New Posts

• ایجاد صفحه جزئیات پست Creating the Post Detail Page

• ایجاد صفحه جزئیات پست Creating the Post Detail Page

• کار بر روی صفحه جزئیات پست - قسمت 1 Working on the Post Detail Page - Part 1

• کار بر روی صفحه جزئیات پست - قسمت 1 Working on the Post Detail Page - Part 1

• کار بر روی صفحه جزئیات پست - قسمت 2 Working on the Post Detail Page - Part 2

• کار بر روی صفحه جزئیات پست - قسمت 2 Working on the Post Detail Page - Part 2

• افزودن فاویکون Adding favicon

• افزودن فاویکون Adding favicon

• کار بر روی صفحه جزئیات پست - قسمت 3 Working on the Post Detail Page - Part 3

• کار بر روی صفحه جزئیات پست - قسمت 3 Working on the Post Detail Page - Part 3

• کار بر روی صفحه جزئیات پست - قسمت 4 Working on the Post Detail Page - Part 4

• کار بر روی صفحه جزئیات پست - قسمت 4 Working on the Post Detail Page - Part 4

• اضافه کردن مدال برای به روز رسانی و حذف پست Adding Modals for Update and Delete Post

• اضافه کردن مدال برای به روز رسانی و حذف پست Adding Modals for Update and Delete Post

• نوشتن به روز رسانی و حذف نماها Writing Update and Delete Views

• نوشتن به روز رسانی و حذف نماها Writing Update and Delete Views

• به روز رسانی پست با Ajax Update Post with Ajax

• به روز رسانی پست با Ajax Update Post with Ajax

• حذف پست با Ajax + کار با محل ذخیره سازی Delete Post with Ajax + Working with Local Storage

• حذف پست با Ajax + کار با محل ذخیره سازی Delete Post with Ajax + Working with Local Storage

• ایجاد مدل عکس + اضافه کردن اولین اشیاء عکس Creating the Photo Model + Adding First Photo Objects

• ایجاد مدل عکس + اضافه کردن اولین اشیاء عکس Creating the Photo Model + Adding First Photo Objects

• افزودن چرخ فلک به صفحه جزئیات Adding Carousel to the Detail Page

• افزودن چرخ فلک به صفحه جزئیات Adding Carousel to the Detail Page

• افزودن Dropzone JS به پروژه Adding Dropzone JS to the Project

• افزودن Dropzone JS به پروژه Adding Dropzone JS to the Project

• ایجاد نمای برای آپلود تصویر Creating the View for Image Uploading

• ایجاد نمای برای آپلود تصویر Creating the View for Image Uploading

• کار با Dropzone هنگام ایجاد پست Working with Dropzone while Creating Posts

• کار با Dropzone هنگام ایجاد پست Working with Dropzone while Creating Posts

• اضافه کردن محدودیت ها به Dropzone Adding Limitations to the Dropzone

• اضافه کردن محدودیت ها به Dropzone Adding Limitations to the Dropzone

• پیاده سازی بهبودهای سریع Implementing Quick Improvements

• پیاده سازی بهبودهای سریع Implementing Quick Improvements

• ایجاد نمای پروفایل کاربر Creating the User Profile View

• ایجاد نمای پروفایل کاربر Creating the User Profile View

• ثبت نام مشاهده نمایه من + افزودن الگو My Profile View Registration + Adding the Template

• ثبت نام مشاهده نمایه من + افزودن الگو My Profile View Registration + Adding the Template

• کار در قالب پروفایل Working in the Profile Template

• کار در قالب پروفایل Working in the Profile Template

• به روز رسانی نمایه با آژاکس Updating the Profile with Ajax

• به روز رسانی نمایه با آژاکس Updating the Profile with Ajax

• بهبود نماها - قسمت 1 Improving the Views - Part 1

• بهبود نماها - قسمت 1 Improving the Views - Part 1

• بهبود نماها - قسمت 2 Improving the Views - Part 2

• بهبود نماها - قسمت 2 Improving the Views - Part 2

• لمس نهایی Final Touches

• لمس نهایی Final Touches

پروژه برنامه CRUD CRUD App Project